<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>课程详情</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/model.css">
    <link rel="stylesheet" href="css/course.css">

</head>
<body>

<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}">
    <div class="header-body">
        <div class="header-container container">
            <div class="header-row">
                <div class="header-column">
                    <div class="header-row">
                        <div class="header-logo">
                            <p><a href="front_home.html">MEOW</a>&emsp;</p><p>></p><p>&emsp; 课程详情</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</header>

<div>
    <!--<p id="pageTitle">课程详情</p>-->
    <div id="course" v-cloak>
        <!-- 课程书籍图片 -->
        <div id="coursePic">
            <img :src="course.image"  alt="" id="bookImg">
        </div>
        <!-- 课程详情 -->
        <div id="courseDetails">
            <div id="courseDetail">
                <span>{{ course.name }}</span>
                <span>{{ course.teaName }}</span>
            </div>
            <p id="bookDetail">{{ course.detail }}</p>
        </div>
    </div>
</div>

<!-- jQuery -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/course.js"></script>


</body>
</html>
